/* 
* @Author: anchen
* @Date:   2017-09-25 19:06:27
 * @Last Modified by:   anchen
 * @Last Modified time: 2017-10-13 22:48:26
*/
*{
    margin: 0;
    padding: 0;
}   
html,body{
   
    width: 100%;
    height: 100%;
   
}
 input{
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-appearance: none;

}

textarea {  -webkit-appearance: none;}   

input,textarea{
    outline: none;
}

@font-face {
    font-family: 'fzzhengheis-r-gbregular';
    src: url('../fonts/_-webfont.woff2') format('woff2'),
         url('../fonts/_-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

#signupForm{
    width: 100%;
    height: 100%;
    position: relative;
}
input: : -webkit-input-placeholder {
    color: rgb(204, 204, 204);
}
input: -moz-placeholder {
    color: rgb(204, 204, 204);
}
input: : -moz-placeholder {
    color: rgb(211, 211, 211);
}
input: -ms-input-placeholder {
    color: rgb(204, 204, 204);
}
textarea: : -webkit-textarea-placeholder {
    color: rgb(211, 211, 211);
}
textarea: -moz-placeholder {
    color: rgb(211, 211, 211);
}
textarea: : -moz-placeholder {
    color: rgb(211, 211, 211);
}
textarea: -ms-textarea-placeholder {
    color: rgb(211, 211, 211);
}
/****header开始****/

#header {
    display: -webkit-flex;
    justify-content: space-between;
}
.LOGO {
    margin-left: 0.5867rem;
    margin-top: 0.4667rem;
    width: 2.48rem;
    height: 0.6rem;
}
.BTN-HOME {
    width: 0.55rem;
    height: 0.55rem;
    background-position: center;
    display: inline-block;
    margin-right: 0.466667rem;
    margin-top: 0.4667rem;
}
.BTN-HOME img {
    width: 0.55rem;
    height: 0.55rem;
}
/****报名表格*****/

#mainbody {
   
    width: 7.6rem;
 
 height: 13.0rem;
   
    position: absolute;
    left: 50%;
    top: 11%;
    margin-left: -3.8rem;
   

}
/****上部分****/

.mainTop {
    display: -webkit-flex;
    justify-content: space-between;
    height: 3.066667rem;
   
}
.signupUser {
    font-size: 0.4rem;
}
.signupUser input[type="text"] {
    font-size: 0.4rem;
    width: 3.213333rem;
    height: 0.506667rem;
    margin-bottom: 0.293333rem;
    border: 0;
   border-bottom: 1px solid rgb(128, 128, 128);
    background: transparent;
    border-radius: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-appearance: none;
}
/*上传图片的input*/

#upImg {
    width: 2.666667rem;
    height: 2.666667rem;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
}
.signupImg img {
    width: 2.666667rem;
    height: 2.666667rem;
}
.signupImg p {
    font-size: 0.24rem;
    color: rgb(154, 154, 154);
}
/****中间选择部分*****/

#signupBtn {
    display: -webkit-flex;
    justify-content: space-between;
}
#signupIntroduceUSDiv{
    margin-bottom: 0.213333rem;
}
.mainChoice {
 
    margin-top: 0.133333rem;
    height: 1.333333rem;
  
}
.mainChoice span {
   font-size: 0.4rem;

}
#introduceUs {
    font-size: 0.32rem;
    color: rgb(51, 208, 102);
   text-decoration: underline;
    
}
#signupBtn input[type="button"]{
    width: 1.573333rem;
 
    height: 0.6rem;
    font-size: 0.4rem;
    line-height:0.6rem;
    text-align: center;
    border-radius:0.333333rem;
  /*  margin-top:0.213333rem; */
}
#signupBtn .inactive {
    background: white;
    border: 0.013333rem solid rgb(118, 178, 253);
    color: rgb(118, 178, 253);
   
    text-align: center;
}
#signupBtn .active {
    background: rgb(118, 178, 253);
    color: rgb(255, 255, 255);
    border: 0.013333rem solid rgb(118, 178, 253);
   
    text-align: center;
}
.mainEdit {
 
    margin-top: 0.426667rem;

    height: 7.04rem;
   
}
.mainEdit p {
    font-size: 0.4rem;
    margin-bottom:0.106667rem;

}

.mainEdit textarea {
    font-size: 0.4rem;
    /* color: rgb(128, 128, 128); */
    color: black;
    font-family: 微软雅黑;
    border-radius: 0.2rem;
    margin-bottom: 0.107rem;
    padding: 0.026667rem 0.066667rem;

}
#signupBrief {
    width: 100%;
    border: 0.013333rem solid rgb(128, 128, 128);
    height: 1.55rem;



}
#signupExpreriment {
    width: 100%;
    border: 0.013333rem solid rgb(128, 128, 128);
    height: 3.6rem;

}
.mainFoot {
  
 position: absolute;
 bottom: 0.106667rem;
 right: 0;
}
.mainFoot input {
    width: 1.733333rem;
    height: 0.6rem;
    border-radius: 0.333333rem;
    font-size: 0.32rem;
    line-height: 0.6rem;
}
.cancle {
    border: 0.026667rem solid rgb(128, 128, 128);
    color: rgb(128, 128, 128);
    background: white;
}
.completed {
    background: rgb(51, 208, 102);
    color: white;
    border: transparent;
    margin-right: 0.2rem;
}
/*遮罩层*/

#mask {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    background: black;
    opacity: 0.4;
    filter: alpha(opacity=40);
    display: block;
}
/*是否取消弹窗*/

#giveupAlert {
    width: 8.133333rem;
    height: 6.666667rem;
    border-radius: 0.266667rem;
    position: absolute;
    left: 50%;
    top: 43%;
    z-index: 3;
    background: white;
    margin: -3.333333rem 0 0-4.066667rem;
}
.giveupAlertContent {
    width: 6.0rem;
    height: 4.48rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -2.24rem 0 0 -3.0rem;
}
.giveupAlertContent p {
    font-size: 0.64rem;
    font-family: 'fzzhengheis-r-gbregular';

    color: #ff6666;
    margin-top: 0.64rem;
}
.giveupAlertBtns {
    width: 100%;
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: space-around;
}
.giveupAlertBtns input {
    width: 2.16rem;
    height: 0.72rem;
    line-height: 0.72rem;
    font-size: 0.4rem;
    border-radius: 0.333333rem;
    text-align: center;
    vertical-align: middle;
    
}
.giveupBtn {
    background: #ff6666;
    color: white;
    border: 1px solid #ff6666;
}
.cancleBtn {
    background: white;
    border: 0.04rem solid rgb(128, 128, 128);
    color: rgb(128, 128, 128);
}
/***详情弹窗****/

#detailAlert {
    height: 8.533333rem;
    width: 7.706667rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -4.266667rem 0 0 -3.853333rem;
    z-index: 3;
    background: white;
    border-radius: 0.306667rem;
}
#close1, #close2 ,#close3{
    position: absolute;
    top: 0.346667rem;
    right: 0.4rem;
    width: 0.44rem;
    height: 0.453333rem;
}
/*滑动*/

.typeName {
    font-size: 0.48rem;
    text-align: center;
    margin-bottom: 0.533333rem;

}
.typeIntroduce {
    font-size: 0.4rem;
}
#detailAlert .swiper-container {

    height: 7.466667rem;
    width:6.506667rem;
   /*  488 */
    position: absolute;
    left: 50%;
    top: 52%;
    margin: -3.733333rem 0 0 -3.253333rem;
}
#detailAlert .swiper-pagination-bullet-active {
    background: black;
}
#detailAlert .swiper-wrapper {
    height: 6.426667rem;
}
#detailAlert .swiper-slide {
    overflow-y: scroll;
}
#detailAlert .swiper-slide-active {
    height: auto
}
/***判断弹窗**/
#judgeAlert{
     width: 8.133333rem;
    height: 6.666667rem;
    border-radius: 0.266667rem;
    position: absolute;
    left: 50%;
    top: 43%;
    z-index: 3;
    background: white;
    margin: -3.333333rem 0 0-4.066667rem;
}
.judgeAlertContent{
     width: 6.0rem;
    height: 4.48rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -2.24rem 0 0 -3.0rem;
}
.judgeAlertContent p{
    font-size: 0.64rem;
    font-family: 'fzzhengheis-r-gbregular';

    color: #ff6666;
    margin-top: 0.64rem;
}
#judgeMsg{
    font-size: 0.48rem;
    color: #999999;
}
.judgeBtn{
    width:3.333333rem;
    height: 0.72rem;
    font-size: 0.4rem;
    border-radius: 0.333333rem;
    text-align: center;
   line-height: 0.72rem;
    background: #ff6666;
    color: white;
    border: 0;
    position: absolute;
    left: 50%;
    margin-left: -1.666667rem;
   bottom: 0;
}
/*弹出动画*/

@-webkit-keyframes moveIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    to {
        opacity: 1;
    }
}

@keyframes moveIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    to {
        opacity: 1;
    }
}

.moveIn {
    -webkit-animation-name: moveIn;
    animation-name: moveIn;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
}

/* loading提交 */
.LoadingWrap{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}
.loading {
    width: 1.066667rem;
    height: 0.533333rem;

}
.loading span {
    display: inline-block;
    width: 0.106667rem;
    height: 100%;
    border-radius: 0.053333rem;
    background: lightgreen;
    -webkit-animation: load 1s ease infinite;
}
@-webkit-keyframes load {
    0%, 100% {
        height: 0.533333rem;
        background: lightgreen;
    }
    50% {
        height: 0.933333rem;
        margin: -0.2rem 0;
        background: lightblue;
    }
}
.loading span:nth-child(2) {
    -webkit-animation-delay:0.2s;
}
.loading span:nth-child(3) {
    -webkit-animation-delay:0.4s;
}
.loading span:nth-child(4) {
    -webkit-animation-delay:0.6s;
}
.loading span:nth-child(5) {
    -webkit-animation-delay:0.8s;
}